</div>
<!-- Travel Desk-->
    <div id="slider-image-gallery" class="carousel slide travel-desk" data-ride="carousel">      
      <div class="container">
        <h4 class="pull-left">Travel Desk</h4>        
        <!-- Controls -->
        <div class="next-back pull-right">
          <a href="#slider-image-gallery" data-slide="prev">
            <span class="prev-travel-desk"></span>
          </a>
          <a href="#slider-image-gallery" data-slide="next">
            <span class="next-travel-desk"></span>
          </a>
          &nbsp;&nbsp;&nbsp;
        </div>
        <div class="clearfix"></div>
        <hr class="line1">              
      <div class="carousel-inner">        
        <div class="item active">
          <div class="row">
            <?php
                $count = 1;
                $travel_desk_post = new WP_Query('cat=5');                  
                if ( $travel_desk_post->have_posts() ): 
                  while( $travel_desk_post->have_posts() ) : 
                    $travel_desk_post->the_post();                      
            ?>
            <div class="col-md-3">
              <a class="thumbnail" href="<?php the_permalink();?>">
                <?php 
                  if (has_post_thumbnail()) {
                    the_post_thumbnail('medium');
                  } else {
                     echo '<img src="http://placehold.it/100%x210">';
                  }
                  $count ++;
                ?>
              </a>
              <div class="carousel-caption">
                <a href="<?php the_permalink();?>"><?php the_title();?></a>
              </div>
            </div>
            <?php if ($count % 4 == 1 && $count < count($travel_desk_post)):?>          
          </div>
        </div>
        <div class="item">
          <div class="row">
          <?php endif;?>
        <?php endwhile;?>
        <?php endif;?>
        <?php echo $count;?>
            <!-- <div class="col-md-3">
              <a href="#"><img src="<?php bloginfo('template_url'); ?>/img/image1.png" class="img-thumbnail"></a>
            </div> -->            
          </div>
        </div>
        </div>
      </div>
    </div><!-- /.carousel -->

    <div class="bottom-content" align="center">
      <span>Hồng thăng hotel</span>
      <p>Address : 1A Phan Van Truong,Vi Da Street, Hue city.</p>
      <p>Tel: (+ 84) 906 434 232  FAX       :   (+84) 54 3938 719</p>
      <p>Email     :   Office@hongthanghotel.vn</p>
    </div>    
    <footer>
      <div class="main-menu-footer">
        <div class="container">
          <div class="navbar navbar-inverse navbar-static-top" role="navigation">
            <div class="container">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>              
              </div>
              <div class="navbar-collapse collapse" align="center">
                <?php
                    wp_nav_menu( array(
                        'menu'              => 'primary',
                        'theme_location'    => 'hongthang',
                        'depth'             => 2,
                        'menu_class'        => 'nav navbar-nav',
                        'depth' => 2,
                        'container' => false,
                        //Process nav menu using our custom nav walker
                        'walker' => new wp_bootstrap_navwalker())
                    );
                ?>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-logo" align="center">
        <img src="<?php bloginfo('template_url'); ?>/img/logo-footer.png">
      </div>
    </footer>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!--Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="<?php bloginfo('template_url'); ?>/dist/js/bootstrap.min.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/assets/js/docs.min.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/js/main.js"></script>
    <?php wp_footer(); ?>
  </body>
</html>
